// 定义JS的模块控制器 
// 需要加载到的依赖
define(['jquery', 'bootstrap', 'backend', 'table', 'form'], function ($, undefined, Backend, Table, Form) {


    var Controller = {
        // 调用Source.php控制器的方法。这里就要写上Source.php控制器的方法。例如现在只有Index（）
        // 在页面拿东西，相当于ajax异步请求一样
        index: function () {
            // 初始化表格参数配置。对加载进来的API table表格
            /* 这个table是上面的define（）方法加载进来的。table的位置为public/assets/js/require-backend.js文件里面的 
            'bootstrap-table': '../libs/bootstrap-table/dist/bootstrap-table.min', */
            Table.api.init({
                extend: {
                    index_url: 'business/source/index' + location.search,
                    add_url: 'business/source/add',
                    edit_url: 'business/source/edit',
                    del_url: 'business/source/del',
                    table: 'business_source',  //操作的数据库表名  
                }
            });

            // 拿到页面中的渲染元素。在admin/view/business/source/index.html拿到id=table的元素

            var table = $("#table")

            // ------以上是配置表格，以下是实例化操作

            // 渲染表格并且发送数据
            table.bootstrapTable({
                url: $.fn.bootstrapTable.defaults.extend.index_url, //请求的地址
                pk: 'id', //主键字段
                sortName: 'id', //排序字段

                columns: [  //后台fastadmin这个表中显示的字段
                    { checkbox: true },//复选框设为

                    // sortable: true表示可以排序; operate: false表示这个字段不显示搜索框
                    { field: 'id', title: 'ID', sortable: true, operate: false },

                    // operate: 'LIKE'，搜索框设为模糊查询
                    { field: 'name', title: __('name'), operate: 'LIKE' },

                    // 添加编辑和删除的两个按钮
                    {
                        field: 'operate',
                        title: __('Operate'),
                        table: table,
                        events: Table.api.events.operate,
                        formatter: Table.api.formatter.operate
                    }
                ]
            })

            // 表格绑定事件
            Table.api.bindevent(table);

        },
        edit: function () {
            Controller.api.bindevent();
        },

        add: function () {
            // 删除弹出的窗口
            Controller.api.bindevent();

        },
        // 删除弹出的窗口。给上面的add()调用
        api: {
            bindevent: function () {
                Form.api.bindevent($("form[role=form]"));
            }
        }
    }

    // 返回值
    return Controller;
})